<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="梦想星辰大海">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>cms后台模板</title>
		<link rel="stylesheet" href="${BASE_PATH}/static/book/res/lib/layui/css/layui.css">
	</head>

	<body>
		<!-- 布局容器 -->
		<div class="layui-layout layui-layout-admin">
			<!-- 头部 -->
			<div class="layui-header">
				<div class="layui-main">
					<!-- logo -->
					<a href="/" style="color: #c2c2c2; font-size: 18px; line-height: 60px;">图书管理系统</a>
					<!-- 水平导航 -->
					<ul class="layui-nav" style="position: absolute; top: 0; right: 0; background: none;">
						<li class="layui-nav-item">
							<a href="javascript:;">
								进入前台
							</a>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;">
								梦想星辰大海
								<span class="layui-nav-more"></span></a>
							<dl class="layui-nav-child">
								<dd>
									<a href="javascript:;">
										个人信息
									</a>
								</dd>
								<dd>
									<a href="javascript:;">
										修改密码
									</a>
								</dd>
								<dd>
									<a href="javascript:;">
										退出登录
									</a>
								</dd>
							</dl>
						</li>
						<span class="layui-nav-bar"></span></ul>
				</div>
			</div>

			<!-- 侧边栏 -->
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<ul class="layui-nav layui-nav-tree" lay-filter="left-nav" style="border-radius: 0;">
						<span class="layui-nav-bar"></span>
					</ul>
				</div>
			</div>

			<!-- 主体 -->
			<div class="layui-body">
				<!-- 顶部切换卡 -->
				<div class="layui-tab layui-tab-brief" lay-filter="top-tab" lay-allowclose="true" style="margin: 0;">
					<ul class="layui-tab-title">
					</ul>
					<div class="layui-tab-content" style="height: 726px;">
					</div>
				</div>
			</div>

			<!-- 底部 -->
			<div class="layui-footer" style="text-align: center; line-height: 44px;">
				Copyright © 2017
				<a href="http://www.kiscms.com" target="_blank">kiscms</a> Powered by 梦想星辰大海
			</div>
		</div>

		<script type="text/javascript" src="${BASE_PATH}/static/book/res/lib/layui/layui.js"></script>
		<script type="text/javascript">
			/**
			 * 对layui进行全局配置
			 */
			layui.config({
				base: '${BASE_PATH}/static/book/res/js/'
			});

			/**
			 * 初始化整个cms骨架
			 */
			layui.use(['cms'], function() {
				var cms = layui.cms('left-nav', 'top-tab');

				cms.addNav([{
					id: 1,
					pid: 0,
					node: '图书管理',
					url: '${BASE_PATH}/book/admin/book/index.htm'
				}, {
					id: 2,
					pid: 0,
					node: '会员管理',
					url: ''
				}, {
					id: 3,
					pid: 0,
					node: '借阅记录管理',
					url: ''
				}], 0, 'id', 'pid', 'node', 'url');

				cms.bind(60 + 41 + 20 + 44); //头部高度 + 顶部切换卡标题高度 + 顶部切换卡内容padding + 底部高度

				cms.clickLI(0);
			});
		</script>

		<div class="layui-layer-move"></div>
	</body>

</html>